<%@ page language="java"
         pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<title>修改进度报告</title>
<base href="<%=basePath%>">
<!-- 引用新样式 start -->
<jsp:include page="../../jsp/public.jsp" flush="true"/>
<!-- end -->
<style type="text/css">
#logoImgDiv6
{
	display:block;
	white-space:nowrap;
	overflow:auto;
}

ul li {
	list-style:none; /* 将默认的列表符号去掉 */
	padding:0; /* 将默认的内边距去掉 */
	margin:0; /* 将默认的外边距去掉 */
	/* float:left; */
	display:inline-block;
}
ul li img{
	height:200px;
	width:200px;
}
</style>
<script type="text/javascript"
	src="<%=basePath%>js/validate/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="<%=basePath%>/js/new/commen.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/progress/ajaxfileupload.js"></script>
<script type="text/javascript"
	src="<%=basePath%>js/progress/editProgress.js"></script>
</head>
<body>
	<div class="col-lg-12">
                <div class="index-nav-right">
                    <div class="index-nav-right-header"><span>当前位置>修改进度报告</span></div>
                </div>
                <div class="right-table">
                    <div class="progress-manufacture-search">
                        <div class="manufacture-search clearFix">
                            <div>
                                <label>部品番号</label>
                                <input type="text" id="modelCode" value= "${progress.modelCode }" readonly class="input-border"/>
                                <em></em>
                            </div>

                            <div>
                                <label>计划进度</label>
                                <input type="text" id="planProgress" value ="${progress.planProgress }" readonly class="input-border"/>
                                <em></em>
                            </div>
                            <div>
                                <label>当前进度</label>
                                <select name="currentPro" id="currentPro">
                        			<!-- <option value="">请选择</option> -->
                        			<c:if test="${not empty prName}">
                            			<c:forEach items="${prName }" var="prName"
                                       	varStatus="m">
                                		<option value="${prName.targetName}"
                                        	<c:if test="${progress.currentPro==prName.targetName}">selected</c:if>>${prName.targetName}</option>
                            			</c:forEach>
                        			</c:if>
                    			</select>
                                <em></em>
                            </div>
                        </div>
                        <div class="manufacture-search clearFix">
                            <div>
                                <label style="width: 90px;">计划完成比例</label>
                                <input type="text" id="planPro" value = "${progress.planPro}" readonly class="input-border"/>
                                <em>%</em>
                            </div>
                            <div>
                               <!--  <label>计划完成日期</label>
                                <input type="text" value = "" readonly class="input-border"/>
                                <em></em> -->
                            </div>
                            <div>
                                <label>目标精度</label>
                                <input type="text" id="targetPre" value = "${progress.targetPre }" readonly class="input-border"/>
                                <em>%</em>
                            </div>
                        </div>
                        <div class="manufacture-search clearFix">
                            <div>
                                <label style="width: 90px;">实际完成比例</label>
                                <input type="text" id="accPro" value = "${progress.accPro }"/>
                                <em>%</em>
                            </div>
                            <div>
                                <label>汇报日期</label>
                                <input type="text" id="reportDate" value = "${progress.reportDate }" readonly class="input-border"/>
                                <em></em>
                            </div>
                            <div>
                                <label>实际精度</label>
                                <input type="text"
												 name="accPre" id="accPre" value="${progress.accPre }">
                                <em>%</em>
                            </div>
                        </div>
                        <div class="manufacture-search clearFix">
                            <div>
                                <label>进度状态</label>
                                <input type="text" id="proStatus" value= "${progress.proStatus }" readonly class="input-border"/>
                                <em></em>
                            </div>
                            <div>
                                <label style="width: 90px; height:25px">提前/延期天数</label>
                                <input type="text" id="extDay" readonly value = "${progress.extDay }"/>
                                <em></em>
                            </div>
                            <div>
                                <label>延期原因</label>
                                <input type="text" id="extReason" value="${progress.extReason }" />
                                <em></em>
                            </div>
                        </div>
                       <!--  <div class="manufacture-search clearFix">
                            <div>
                                <label>材料使用</label>
                                <input type="text" placeholder="2"/>
                                <em>枚</em>
                            </div>
                            <div>
                                <label>用途</label>
                                <select name="" id="">
                                    <option value="">取样</option>
                                </select>
                                <em></em>
                            </div>
                        </div> -->
                        <div class="manufacture-search manufacture-search-notice clearFix">
                            <div>
                                <label class="manufacture-search-notice-label">备注</label>
                                <textarea class="manufacture-search-textarea" rows="2" cols="80" id = "remark">${progress.remark }</textarea>
                            </div>

                        </div>
                    </div>
                    <!-- 输入框完结-->
                    <div class="progress-picture" style="padding-top: 100px;">
                        <div>
                        	<input type="file" style="display:none" name="file" id="logoFile2"
												onChange="setImg2(this)" class="btn navbar-default progress-btn"
												accept="image/jpg,image/jpeg,image/png,video/mp4" multiple />
                             <button class="btn navbar-default progress-btn" onClick="uploadAnnex()" id = "uploadPic">上传附件</button>
                        </div>
                        <div class="progress-picture-con" id="logoImgDiv6">
                        	 <ul id="detailImgs" style="overflow: hidden;overflow-y:auto; overflow-x:auto;">
								<li style="display: none;" id="P0"/>
								<c:if test="${not empty annex}">
									<c:forEach items="${annex }" var="annex" varStatus="r">
										<c:if test="${annex.type=='PIC' }">
											<li id = "p${r.index+1 }"><img id="${annex.id }" src = "${annex.path }" width="200px" height="200px" onClick = "showOriginal(this)"><a href="javascript:void(0);" onClick="delespan2(${r.index+1 },${annex.id })">删除</a></li>
										</c:if>
										<c:if test="${annex.type=='VIDEO' }">
											<li id = "p${r.index+1 }"><a href="${annex.path }" target='view_window'><video id="${annex.id }"  width="200px" height="200px" controls><source src = "${annex.path }" /></video></a><a href="javascript:void(0);" onClick="delespan2(${r.index+1 },${annex.id })">删除</a></li>
										</c:if>
									</c:forEach>
								</c:if>
							</ul> 
                            <!-- <div>
                                <img src="../images/img-back.jpg" alt="">
                            </div>
                            <div>
                                <img src="../images/img-back.jpg" alt="">
                            </div>
                            <div>
                                <img src="../images/img-back.jpg" alt="">
                            </div> -->

                        </div>
                    </div>
                   <div class="progress-picture">
                   				<button type="button" class="btn navbar-default progress-btn" id="" onClick="saveProgressDetail(0)">保存</button>
								<button type="button" class="btn navbar-default progress-btn" id="" onClick="saveProgressDetail(1)">提交</button>
								<button type="button" class="btn navbar-default progress-btn" id="" onClick="window.location.href='<%=path%>/bus/meter/returnMeterGive?url=<%=path%>/bus/progress/myProgressReport&flg=myProgressReport'">取消</button>
						</div> 
                    
                </div>
            </div>
	
	<div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none;"><div id="innerdiv"style="position:absolute;"><img id="bigimg" style="border:5px solid #fff;" src="" /></div></div>
	<input type = "text" hidden="true" id = "recordId" value = "${progress.id }"/> 
	<input type = "text" hidden="true" id = "modelPlanId" value = "${progress.modelPlanId }"/>
	<input type = "text" hidden="true" id = "modelProcessId" value = "${progress.modelProcessId }"/>
	
		<input type="text" hidden = "true"  id="mapType" value="${map['modelType'] }"/>
        <input type="text" hidden = "true"  id="mapStatus" value="${map['status'] }"/>
        <input type = "text" hidden = "true" id = "mapCode" value="${map['modelCode'] }"/>
        <input type = "text" hidden = "true" id = "mapPage" value="${map['mapPage'] }"/>
         <input type = "text" hidden = "true" id = "planStartTime" value = "${progress.planStartTime}">
        <input type = "text" hidden = "true" id = "accStartTime" value = "${progress.accStartTime}">
        <input type = "text" hidden = "true" id = "nowDay" value = "${progress.nowDay }">
        <input type = "text" hidden = "true" id = "planTotalTime" value = "${progress.planTotalTime }">
        <input type = "text" hidden = "true" id = "processName" value = "${progress.currentPro }">
        <input type = "text" hidden = "true" id = "accDay" value = "">
        <input type = "text" hidden = "true" id = "accTotalTime" value = "${progress.accTotalTime}">
        <input type = "text" hidden = "true" id = "day" value = "${progress.days}">
        <input type = "text" hidden = "true" id = "differTime" value = "${progress.differTime}">
</body>

</html>